<html lang="zh-cmn-Hans">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 百度不转码 -->
    <meta http-equiv="Cache-control" content="no-cache"> <!-- 不缓存 -->
    <meta content="telephone=no" name="format-detection"> <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><!-- "苹果手机专用"的改变顶部状态条的颜色 -->
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 开启对 web app 程序的支持 -->
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"><!-- 不允许缩放的1:1显示 -->
    <meta name="mobile-agent" content="format=html5;url=http://m.moerlong.com/"><!-- 自主适配，仅在百度移动搜索中有效 -->
    <meta name="applicable-device" content="mobile"><!-- 只适合在移动设备上进行浏览 -->
    <meta name="keywords" content="">
    <meta name="robots" content="index,follow"> <!-- 定义搜索引擎索引方式 -->
    <meta name="format-detection" content="telphone=no, email=no"/>
    <title></title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_762103_7x3ech7z9i.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/headfoot.css"/>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
            new WOW().init();
        }
    </script>
</head>
<body>
<div class="pc_out">
    <div class="pc_ka">
        <div class="heads">
            <script>
                $(".heads").load("head.html");
            </script>
        </div>
        <!--手机-->
        <div class="banner">
            <a href="#">
                <img src="images/index/banner.jpg" alt=""/>
            </a>
        </div>
        <!-- 公司简介-->
        <div class="Introduction">
            <div class="title">
                <h1>公司简介 <span></span> </h1>
                <h4>  <i class="h-lf wow animated bounceInLeft"></i>COMPANY PROFILE

                    <i class="h-rt wow animated bounceInRight"></i>
                </h4>
                <h5></h5>
            </div>
            <div class="Introduction-cont">
                <div class="Introduction-lf lf">
                    <p>承国医千年精粹，创华夏康养盛世。通过国医名医教育培训、中医药经典成果转化、国际中医文化交流等方式，推广中国传统中医药文化和现代中医技术。</p>
                </div>
                <div class="Introduction-rt lf">
                    <img src="images/index/Introduction.png" alt=""/>
                </div>
                <div class="both"></div>
            </div>
        </div>
        <!-- 课程介绍-->
        <div class="presentation">
            <div class="title">
                <h1>课程介绍<span></span> </h1>
                <h4> <i class="h-lf wow animated bounceInLeft"></i>CURRICULUM

                    <i class="h-rt wow animated bounceInRight"></i>
                </h4>
                <h5></h5>
            </div>
            <div class="swiper-container wow bounceIn animated" id="banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="swiper-lf lf">
                            <a href="#">
                                <div class="shu">
                                    <img src="images/index/yi.png" alt=""/>
                                </div>
                                <div class="swiper-text">
                                    <p>权威专家亲自授课 课程深刻</p>
                                    <div class="line"></div>
                                    <h4>中医康复理疗师</h4>
                                </div>
                                <div class="bao">
                                    报名
                                </div>
                            </a>

                        </div>
                        <div class="swiper-lf lf">
                            <a href="#">
                                <div class="shu">
                                    <img src="images/index/er.png" alt=""/>
                                </div>
                                <div class="swiper-text">
                                    <p>权威专家亲自授课 课程深刻</p>
                                    <div class="line"></div>
                                    <h4>药理师</h4>
                                </div>
                                <div class="bao">
                                    报名
                                </div>
                            </a>
                        </div>
                        <div class="both"></div>
                    </div>
                    <div class="swiper-slide" >
                        <div class="swiper-lf lf">
                            <a href="#">
                                <div class="shu">
                                    <img src="images/index/yi.png" alt=""/>
                                </div>
                                <div class="swiper-text">
                                    <p>权威专家亲自授课 课程深刻</p>
                                    <div class="line"></div>
                                    <h4>中医康复理疗师</h4>
                                </div>
                                <div class="bao">
                                    报名
                                </div>
                            </a>

                        </div>
                        <div class="swiper-lf lf">
                            <a href="#">
                                <div class="shu">
                                    <img src="images/index/er.png" alt=""/>
                                </div>
                                <div class="swiper-text">
                                    <p>权威专家亲自授课 课程深刻</p>
                                    <div class="line"></div>
                                    <h4>药理师</h4>
                                </div>
                                <div class="bao">
                                    报名
                                </div>
                            </a>
                        </div>
                        <div class="both"></div>
                    </div>
                    <div class="swiper-slide" >
                        <div class="swiper-lf lf">
                            <a href="#">
                                <div class="shu">
                                    <img src="images/index/yi.png" alt=""/>
                                </div>
                                <div class="swiper-text">
                                    <p>权威专家亲自授课 课程深刻</p>
                                    <div class="line"></div>
                                    <h4>中医康复理疗师</h4>
                                </div>
                                <div class="bao">
                                    报名
                                </div>
                            </a>

                        </div>
                        <div class="swiper-lf lf">
                            <a href="#">
                                <div class="shu">
                                    <img src="images/index/er.png" alt=""/>
                                </div>
                                <div class="swiper-text">
                                    <p>权威专家亲自授课 课程深刻</p>
                                    <div class="line"></div>
                                    <h4>药理师</h4>
                                </div>
                                <div class="bao">
                                    报名
                                </div>
                            </a>
                        </div>
                        <div class="both"></div>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
                <a href="#" class="more"> 查看更多 </a>
        </div>
        <!-- 示范项目-->
        <div class="project">
            <div class="title">
                <h1>示范项目 <span></span> </h1>
                <h4><i class="h-lf wow animated bounceInLeft"></i>CASE STUDY

                    <i class="h-rt wow animated bounceInRight"></i>
                </h4>
                <h5></h5>
            </div>
            <div class="project-xi">
                <img src="images/index/xiang-1.jpg" alt=""/>
                <p>
                    国医名医文化传承交流中心
                    <br/>
                    智库专家会议
                </p>
            </div>
            <div class="project-xi">
                <img src="images/index/xiang-2.jpg" alt=""/>
                <p>
                    海南中医药服务能力建设
                    <br/>
                    示范工程启动仪式
                </p>
            </div>
            <a href="#" class="more color-green"> 查看更多 </a>
            <div class="title">
                <h1>产品展示 <span></span> </h1>
                <h4><i class="h-lf wow animated bounceInLeft"></i>PRODUCT DISPLAY

                    <i class="h-rt wow animated bounceInRight"></i>
                </h4>
                <h5></h5>
            </div>
            <div class="product">
                <ul>
                    <li><a href="#">
                        <div class="pro-img">
                            <img src="images/index/zhan-1.jpg" alt=""/>
                        </div>
                        <div class="pro-text">
                            <h4>赶黄草养生茶</h4>
                            <p>权威专家亲自授课，课程深刻切入主题，权威专家亲自授课，课程深刻切入主题。</p>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="pro-img">
                            <img src="images/index/zhan-2.jpg" alt=""/>
                        </div>
                        <div class="pro-text">
                            <h4>雪域金丝茶</h4>
                            <p>权威专家亲自授课，课程深刻切入主题，权威专家亲自授课，课程深刻</p>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="pro-img">
                            <img src="images/index/zhan-1.jpg" alt=""/>
                        </div>
                        <div class="pro-text">
                            <h4>赶黄草养生茶</h4>
                            <p>权威专家亲自授课，课程深刻切入主题，权威专家亲自授课，课程深刻切入主题。</p>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="pro-img">
                            <img src="images/index/zhan-2.jpg" alt=""/>
                        </div>
                        <div class="pro-text">
                            <h4>雪域金丝茶</h4>
                            <p>权威专家亲自授课，课程深刻切入主题，权威专家亲自授课，课程深刻</p>
                        </div>
                    </a></li>
                    <div class="both"></div>
                </ul>
            </div>
            <a href="#" class="more color-green"> 查看更多 </a>
        </div>
        <!-- 新闻动态-->
        <div class="news">
            <div class="title">
                <h1>产品展示 <span></span> </h1>
                <h4> <i class="h-lf wow animated bounceInLeft"></i>PRODUCT DISPLAY

                    <i class="h-rt wow animated bounceInRight"></i>
                </h4>
                <h5></h5>
            </div>
            <div class="news-list">
                <ul>
                    <li><a href="#">
                        <div class="news-img lf">
                            <img src="images/index/new-1.jpg" alt=""/>
                        </div>
                        <div class="news-text">
                            <h4>新闻 | 2018年7月18日</h4>
                            <p>新科国医发布最新动态</p>
                        </div>
                        <div class="both"></div>
                    </a></li>
                    <li><a href="#">
                        <div class="news-img lf">
                            <img src="images/index/new-2.jpg" alt=""/>
                        </div>
                        <div class="news-text">
                            <h4>新闻 | 2018年7月18日</h4>
                            <p>新科国医发布最新动态</p>
                        </div>
                        <div class="both"></div>
                    </a></li>
                    <li><a href="#">
                        <div class="news-img lf">
                            <img src="images/index/new-3.jpg" alt=""/>
                        </div>
                        <div class="news-text">
                            <h4>新闻 | 2018年7月18日</h4>
                            <p>新科国医发布最新动态</p>
                        </div>
                        <div class="both"></div>
                    </a></li>
                </ul>
            </div>
            <div class="padd">
                <a href="#" class="more color-green"> 查看更多 </a>
            </div>

        </div>
        <div style="margin-bottom: 60px;"></div>
        <div class="foots">
            <script>
                $(".foots").load("foot.html");
            </script>
        </div>
    </div>
</div>
<script>
    var banner = new Swiper('#banner', {
        autoplay: 3000,
        speed:1000,
        fade: {
            crossFade: true
        },
        loop: true,
        lazyLoading: true,
    /*     如果需要分页器*/
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
</script>
</body>